<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 引入 -->
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
 	$("p").hide();
  });
  $(".btn2").click(function(){
  	$("p").show();
  });
  
  $(".btn3").click(function(){
	 	$("p").fadeOut();
	  });
  $(".btn4").click(function(){
  	$("p").fadeIn();
  });
  
});
</script>

<p>这是一个段落。</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
<button class="btn3">上滑</button>
<button class="btn4">下滑</button>


<hr>

<script type="text/javascript">
$(document).ready(function()
  {
  $(".btn5").click(function(){
    $("#box").animate({
    	height:"300px",
    	opacity : "0.5"
    });
  });
  $(".btn6").click(function(){
    $("#box").animate({
    	height:"100px",
    	opacity : 1
    });
  });
});
</script>

<div id="box" style="background:#98bf21;height:100px;width:100px;margin:6px; ">
</div>
<button class="btn5">Animate</button>
<button class="btn6">Reset</button>




<hr>
<div id="ajax"></div>
<script>
$(document).ready(function(){
  $("button").click(function(){
    	$.get("http://47.106.66.89:2222/hwctask/course/find",
			function(data){
     			console.info(data); // data 是服务器返回的数据
     			$("#ajax").text(data);
			});
  });
});
</script>

<button>向服务器发送 HTTP GET 请求，然后获得返回的结果</button>





</body>
</html>